<template>  
  <div id="Home">
    <AppCover section="home" :bgURL="coverURL" :bgPrURL="coverPrURL" />
    <ArticleList pageType="home" />
  </div>  
  <AppNav />
  <AppFooter />
</template>

<script>
import AppNav from '@/components/AppNav'
import AppCover from '@/components/AppCover'
import AppFooter from '@/components/AppFooter'
import ArticleList from '@/components/ArticleList'

export default {
  name: 'Home',
  components: { AppNav, AppCover, AppFooter, ArticleList },
  data(){
    return {      
      coverURL: '/files/img/section_cover/home.jpg',
      coverPrURL: '/files/img/section_cover/home_pr.jpg',      
    }
  }
}
</script>

<style lang="less" scoped>

</style>